import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import viteEslint from 'vite-plugin-eslint' // eslint错误提示
import tailwindcss from 'tailwindcss'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

import stylelint from 'vite-plugin-stylelint' // stylelint错误提示
import path from 'path'

// https://vite.dev/config/

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  return {
    plugins: [
      vue(),
      viteEslint(),
      AutoImport({
        dts: 'src/typings/auto-imports.d.ts',
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        dts: 'src/typings/components.d.ts',
        resolvers: [ElementPlusResolver()],
      }),
      stylelint({ cache: false }),
    ],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
      },
    },
    css: {
      postcss: {
        plugins: [tailwindcss],
      },
    },
    server: {
      host: 'localhost', //设置为0000或者127.0.0.1:80可能监听的是其他服务端口，导致跨域失败
      port: 3033,
      open: true, // 在服务器启动时自动在浏览器中打开应用程序
      //反向代理配置，注意rewrite写法，开始没看文档在这里踩了坑
      proxy: {
        // 本地开发环境通过代理实现跨域，生产环境使用 nginx 转发
        '/api': {
          target: 'http://115.236.154.59:16688/', // 通过代理接口访问实际地址。这里是实际访问的地址。vue会通过代理服务器来代理请求
          changeOrigin: true,
          ws: true, // 允许websocket代理
          rewrite: (path) => path.replace(/^\/api/, ''), // 将api替换为空
          configure: (proxy) => {
            // 下面代码解决403问题
            proxy.on('proxyReq', function (proxyReq) {
              proxyReq.removeHeader('referer') //移除请求头---最主要是设置这个
              proxyReq.removeHeader('origin') //移除请求头---最主要是设置这个
            })
          },
        },
        '/shop': {
          target: 'http://115.236.154.59:16688/hzfi-micro-service/v1', // 通过代理接口访问实际地址。这里是实际访问的地址。vue会通过代理服务器来代理请求
          changeOrigin: true,
          ws: true, // 允许websocket代理
          rewrite: (path) => path.replace(/^\/shop/, ''), // 将api替换为空
          configure: (proxy) => {
            // 下面代码解决403问题
            proxy.on('proxyReq', function (proxyReq) {
              proxyReq.removeHeader('referer') //移除请求头---最主要是设置这个
              proxyReq.removeHeader('origin') //移除请求头---最主要是设置这个
            })
          },
        },
      },
    },
    base: env.VITE_BASE_PUBLIC_PATH,
  }
})
